<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/head :: head"></head>
<body>

<div th:replace="common/header :: header"></div>

<div class="fly-home fly-panel">
  <img th:src="@{${user?.userAvatar}}" th:alt="${user?.userNickName}">
  <!--  <i class="iconfont icon-renzheng" title="Fly社区认证"></i>-->
  <h1>
    [[${user?.userNickName}]]
    <i class="iconfont icon-nan" th:if="${user?.userSex == 1}"></i>
    <i class="iconfont icon-nv"  th:if="${user?.userSex == 0}"></i>
    <!--    <i class="layui-badge fly-badge-vip">VIP3</i>-->
    <!--
    <span style="color:#c00;">（管理员）</span>
    <span style="color:#5FB878;">（社区之光）</span>
    <span>（该号已被封）</span>
    -->
  </h1>

  <!--  <p style="padding: 10px 0; color: #5FB878;">认证信息：layui 作者</p>-->

  <p class="fly-home-info">
    <i class="layui-icon" title="元气">&#xe756;</i><span style="color: #FF7200;" th:text="${user?.totalExperience != null ? user.totalExperience + ' 元气' : '0 元气' }"> 元气</span>
    <i class="iconfont icon-shijian"></i><span th:text="${#temporals.format(user?.userRegisterTime,'yyyy-MM-dd')}">2015-6-17 加入</span>
    <i th:if="${ user?.userAddress != null && user?.userAddress != ''}" class="iconfont icon-chengshi"></i><span th:text="${user?.userAddress}">来自杭州</span>
  </p>

  <p class="fly-home-sign">（[[${(user?.userSign == null || user?.userSign == '') ? '这个人懒得留下签名': user?.userSign}]]）</p>

  <!--  <div class="fly-sns" data-user="">-->
  <!--    <a href="javascript:;" class="layui-btn layui-btn-primary fly-imActive" data-type="addFriend">加为好友</a>-->
  <!--    <a href="javascript:;" class="layui-btn layui-btn-normal fly-imActive" data-type="chat">发起会话</a>-->
  <!--  </div>-->

</div>

<div class="layui-container">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md6 fly-home-jie">
      <div class="fly-panel">
        <h3 class="fly-panel-title">[[${user?.userNickName}]] 最近的帖子</h3>
        <ul class="jie-row">
          <li th:each="jie : ${jieList}">
            <span class="fly-jing" th:if="${jie.jieStatus?.jieEssence}">精</span>
            <a th:href="@{'/q/jie/'+${jie.jieId}}" class="jie-title" th:text="${jie.jieTitle}"> 基于 layui 的极简社区页面模版</a>
            <i th:text="${#temporals.format(jie.jieCreateTime,'yyyy-MM-dd hh:mm')}">刚刚</i>
            <em class="layui-hide-xs">[[${jie?.jieStatus?.jieLookNumber}]]阅/[[${jie?.jieStatus?.jieReplyNumber}]]答</em>
          </li>
          <div th:if="${#lists.isEmpty(jieList)}" class="fly-none" style="min-height: 50px; padding:30px 0; height:auto;"><i style="font-size:14px;">没有发表任何求解</i></div>
        </ul>
      </div>
    </div>

          <div class="layui-col-md6 fly-home-da">
            <div class="fly-panel">
              <h3 class="fly-panel-title">[[${user?.userNickName}]] 最近的回答</h3>
              <ul class="home-jieda" >
                <li th:each="reply : ${replyList}">
                  <p>
                    <span th:text="${#temporals.format(reply.replyTime,'yyyy-MM-dd hh:mm')}"></span>
                    在<a th:href="@{'/q/jie/'+${reply.jie.jieId}}" target="_blank" th:text="${reply.jie.jieTitle}">tips能同时渲染多个吗?</a>中回答：
                  </p>
                  <div class="home-dacontent" th:text="${reply.replyContent}"></div>
                </li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div th:replace="common/footer :: footer"></div>
<script th:replace="common/common-js :: js"></script>
<script>
  layui.config({
    base: '/res/mods/'
  }).extend({
    fly: 'index'
  }).use(['fly','user']);
</script>

</body>
</html>